/* 
    Document   : stContainerStyle
    Created on : Oct 6, 2011, 3:34:03 PM
    Author     : THAIBINH
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*NOTIFICATION BOX - NO DESCRIPTION */

.stcontainer .notification {
    min-height: 70px;
    width: 580px;
    display: none;
    position: fixed;
    left: 33%;
    top: 45%;

    /*Border Radius*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    /*Box Shadow*/
    -moz-box-shadow: 2px 2px 2px #cfcfcf;
    -webkit-box-shadow: 2px 2px 4px #cfcfcf;
    box-shadow: 2px 2px 2px #cfcfcf;
    cursor: pointer;
    margin-bottom: 30px;
}

.stcontainer .notification span {
    background: url(../images/stContainer/close.png) no-repeat right top;
    display: block;
    width: 19px;
    height: 19px;
    position: absolute;
    top:-9px;
    right: -8px;
}

.stcontainer .notification .text {
    overflow: hidden;

}
.stcontainer .notification .text span{
    background: transparent;
    width: auto;
    height: auto;
    position: relative;
    top:0;
    right: 0;
}

.stcontainer .notification p {
    width: 500px;
    font-family: Arial, Helvetica, sans-serif;
    color: #323232;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    float: right;
    margin: 1em 15px 1em 0;
    *margin-top: 15px; /*for lt IE8*/


    /* TEXT SHADOW */
    text-shadow: 0px 0px 1px #f9f9f9;
}

/*Auto Width Rules*/

.stcontainer .autoWidth{
    width: auto;
}

.stcontainer .autoWidth p {
    width: auto;
    float: left;
}



/*SUCCESS BOX*/

.stcontainer .notification_success {
    border-top: 1px solid #edf7d0;
    border-bottom: 1px solid #b7e789;

    /*Background Gradients*/
    background: #dff3a8;
    background: -moz-linear-gradient(top,#dff3a8,#c4fb92);
    background: -webkit-gradient(linear, left top, left bottom, from(#dff3a8), to(#c4fb92));
}

.stcontainer .notification_success:before {
    content: url(../images/stContainer/success.png);
    float: left;
    margin: 23px 15px 0px 15px;
}

.stcontainer .notification_success strong {
    color: #61b316;
    margin-right: 15px;
}

/*ERROR BOX*/

.stcontainer .notification_error {
    border-top: 1px solid #f7d0d0;
    border-bottom: 1px solid #c87676;

    /*Background Gradients*/
    background: #f3c7c7;
    background: -moz-linear-gradient(top,#f3c7c7,#eea2a2);
    background: -webkit-gradient(linear, left top, left bottom, from(#f3c7c7), to(#eea2a2));
}

.stcontainer .notification_error:before {
    content: url(../images/stContainer/error.png);
    float: left;
    margin: 20px 15px 0px 15px;
}

.stcontainer .notification_error strong {
    color: #b31616;
    margin-right: 15px;
}

/*MESSAGE BOX*/

.stcontainer .notification_message {
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #d7d7d7;

    /*Background Gradients*/
    background: #f0f0f0;
    background: -moz-linear-gradient(top,#f0f0f0,#e1e1e1);
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#e1e1e1));
}

.stcontainer .notification_message:before {
    content: url(../images/stContainer/message.png);
    float: left;
    margin: 25px 15px 0px 15px;
}

.stcontainer .notification_message strong {
    color: #323232;
    margin-right: 15px;
}

/*WARNING BOX*/



.ui-button-text-only span.ui-button-text {
    text-transform: uppercase;
}

    
h3 .loadingIcon{
    margin-right:5px; 
    float: right;
}

.loadingIcon img{
    border: none;
}

.stform label,
.stform input,
.stform select{
    float:left;
}
.stform .cleaer {
    clear: both;
}

#loading {
    clear:both;
    background: url(../images/ajaxLoader.gif) center top no-repeat;
    text-align:center;
    padding:33px 0px 10px 0px;
    font-size:12px;
    /*position: fixed;*/
    font-family:Verdana, Arial, Helvetica, sans-serif;
    left:55%;
    top:50%;
    display: none;
    z-index: 1000;
    font-size: 2em;
    font-weight: bold;
    margin: 0.67em 0;
}

#tab .noborder{
    border: none;
}
#tab ul{
    background: none transparent;
}
#tab ul li{
    padding: 10px;
}

#tab .ui-tabs-panel{
    background: #fff;
}

.stcontainer #stExtra{
    display: none;
}

#tab .pagin ul li{
    padding: 5px 0 0 0 ;
}

.icon_del_black{
    background: url(../images/stContainer/close.png) center top no-repeat;
    width: 19px;
    height: 19px
}
.icon_edit_black{
    background: url(../images/stContainer/icon_edit.png) center top no-repeat;
    width: 19px;
    height: 19px
}

.searchAjax{
    position: relative;
    float: left;
    clear: both;
    z-index: 2;
}

/*.searchAjax label{
    font-size: 18px; 
    color: #fff;
}*/
.searchAjax label{
    font-size: 14px; 
}


/*.searchAjax input{
    border: 1px solid #A0A0A0;
    background: none repeat scroll 0 0 #FFFFFF;
    height: 22px;
    margin-bottom: 3px;
    width: 300px;
    padding-left: 3px;
}*/
.searchAjax input{
    border: 1px solid #DBDBDB;
    background: none repeat scroll 0 0 #FFFFFF;
    height: 22px;
    margin-bottom: 3px;
    width: 220px;
    padding-left: 3px;
}
ul#ajaxSuggest{
    position: absolute;
    z-index: -1;
    background: #fff;
    border: 1px solid #DBDBDB;
    width: 223px;
    left: 52px;
    list-style: none;
    margin-top: -5px;
    border-top-color: #DBDBDB;
    display: none;
}
/*ul#ajaxSuggest{
    position: absolute;
    z-index: 2;
    background: #fff;
    border: 1px solid #A0A0A0;
    width: 303px;
    left: 66px;
    list-style: none;
    margin-top: -4px;
    border-top-color: #DBDBDB;
}*/
ul#ajaxSuggest li{
    padding: 10px;
    cursor: pointer;
}

ul#ajaxSuggest li:hover{
    background: #DBDBDB;
}

ul#ajaxSuggest li b{
    color: #000;
}

/*MR Khoa css*/
#aToolTip {
    position: absolute;
    display: none;
    z-index: 50000;
}

#aToolTip .aToolTipContent {
    position:relative;
    margin:0;
    padding:0;
}
/*
    END: Required Styles
*/
/**
    Default Theme
*/
.defaultTheme {
    border:2px solid #444;
    background:#555;
    color:#fff;
    margin:0;
    padding:6px 12px;

    -moz-border-radius: 12px 12px 12px 0;
    -webkit-border-radius: 12px 12px 12px 0;
    -khtml-border-radius: 12px 12px 12px 0;
    border-radius: 12px 12px 12px 0;

    -moz-box-shadow: 2px 2px 5px #111; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
    box-shadow: 2px 2px 5px #111; /* for Safari and Chrome */
}

.icon_desc{
    background: url(../images/stContainer/sort_icon.png) 0 0 no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
}
.icon_asc{
    background: url(../images/stContainer/sort_icon.png) 0 -14px no-repeat;
    width: 14px;
    height: 14px;
    position: absolute;
}
.bg_table table th{
    position: relative;
}
/*******************END****************************/
.pagin{
    width: 100%;
    position: relative;
}
.pagin ul {
    position: absolute;
    left: 44%;
}

/*.content .pagin ul {
    left: 40%;
}*/

.pagin ul li a{
    width: 22px;
    height: 13px;
}

#main .ajax .top_left,
#main .ajax .top_right,
#main .ajax .bottom_left,
#main .ajax .bottom_right{
    display: none;
}

ul.invoiceTab li div div.button_rightb {
    background: url("../images/right1.png") no-repeat scroll 100% -27px transparent;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 0;
    text-decoration: none;
    text-shadow: 1px 1px #333333;
    height: 26px;
    padding: 0;
}

ul.invoiceTab li div div.button_rightb a{
    padding: 12px 16px 6px 10px;
}
ul.invoiceTab li div div.button_rightb:hover {
    background-position: right top;
    text-decoration: none;
}

select.txt1{
    width: 343px;
}